@charset "utf-8";
@import "common";
.winners {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #bf0c21 url(../images/xx_03.png) 100%/100% repeat-y;
    background-size: 200%;
    .content_box {
        .header {
            width: r(318);
            height: r(44);
            margin: 0 auto;
            margin-top: r(41);
            background: url(../images/box_15.png) 100%/100% no-repeat;
            text-align: center;
            line-height: r(44);
            font-size: r(24);
            color: #e7c598;
        }
        .content {
            @include midContent;
            width: r(500);
            left: 0;
            right: 0;
            top: r(85);
            margin: 0 auto;
            border: 2px solid #e7c598;
            ul {
                li {
                    height: r(90);
                    border-bottom: 1px solid #e7c598;
                    font-size: 0;
                    box-sizing: border-box;
                    div {
                        display: inline-block;
                    }
                    div:nth-child(1) {
                        width: r(96);
                        height: r(90);
                        text-align: center;
                        line-height: r(90);
                        //                  color: #e7c598;
                        color: #fff;
                        font-size: r(25);
                        position: relative;
                    }
                    div:nth-child(2) {
                        vertical-align: top;
                        width: r(64);
                        height: r(64);
                        border-radius: 50%;
                        margin: r(13) 0;
                        position: relative;
                        overflow: hidden;
                        img {
                            width: 100%;
                            @include imgs;
                        }
                    }
                    div:nth-child(3) {
                        vertical-align: top;
                        width: r(154);
                        line-height: r(90);
                        padding-left: r(14);
                        font-size: r(22);
                        color: #fff;
                    }
                    div:nth-child(4) {
                        vertical-align: top;
                        width: r(135);
                        line-height: r(90);
                        padding-left: r(14);
                        text-align: center;
                        color: #fff;
                        font-size: r(22);
                    }
                    &:last-child{
                        border: none;
                    }
                    &:nth-child(1) div{
                        
                    }
                }
            }
        }
    }
}
.huangG{
    display: block;
    width: r(18);
    height: r(11);
    position: absolute;
    top: r(20);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/hunaghuang.png) 100%/100% no-repeat;
//  background-size: 100%;
}
.yinG{
    display: block;
    width: r(18);
    height: r(11);
    position: absolute;
    top: r(20);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/yinguang.png) 100%/100% no-repeat;
//  background-size: 100%;
}
.tongG{
    display: block;
    width: r(18);
    height: r(11);
    position: absolute;
    top: r(20);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/tonngguang.png) 100%/100% no-repeat;
//  background-size: 100%;
}